<?xml version='1.0' encoding='UTF-8'?>
<ui:composition template="templates/main.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
  <ui:define name="content">
  <p></p>
  <h:form id="form"> 
 	<p:panel id="panel" header="Consulta Productos">
		
 		<h:panelGrid columns="5">                
            <h:outputLabel for="surnumero" value="ID CLIENTE *" />  
            <p:inputText id="surnumero"   
                value="#{productoController.producto.idProducto}" label="ID PRODUCTO"/>  
            <p:commandButton value="Buscar"  id="btnBuscar"  
             actionListener="#{productoController.buscarProductos}" styleClass="ui-priority-primary" update="tblExp"/>
			<p:commandButton value="Nuevo"  id="btnNuevo"  
             onclick="dlgProducto.show()"  styleClass="ui-priority-primary" />
            
        </h:panelGrid>  		
      </p:panel>
<p:dataTable id="tblExp" var="producto" align="center" emptyMessage="No se encontraron registros"
                       columnClasses="columnTable" headerClass="headerTable"
                        value="#{productoController.listProducto}"
                         paginator="true" rows="12">

                <p:column sortBy="#{producto.idProducto}" >
			        <f:facet name="header" >
			           <h:outputText value="Nro" styleClass="textoCabeceraTabla"/>
			        </f:facet>
                    <h:outputText value="#{producto.idProducto}"/>
                </p:column>
                <p:column sortBy="#{producto.nombre}" >
			        <f:facet name="header" >
			           <h:outputText value="Nombre" styleClass="textoCabeceraTabla"/>
			        </f:facet>
                    <h:outputText value="#{producto.nombre}"/>
                </p:column>
                
                <p:column sortBy="#{producto.descripcion}" >
			        <f:facet name="header" >
			           <h:outputText value="Descripcion" styleClass="textoCabeceraTabla"/>
			        </f:facet>
                    <h:outputText value="#{producto.descripcion}"/>
                </p:column>
                 <p:column sortBy="#{producto.categoria}" >
			        <f:facet name="header" >
			           <h:outputText value="Categoria" styleClass="textoCabeceraTabla"/>
			        </f:facet>
                    <h:outputText value="#{producto.categoria}"/>
                </p:column>
                
                 <p:column sortBy="#{producto.precioUnitario}" >
			        <f:facet name="header" >
			           <h:outputText value="Precio Unitario" styleClass="textoCabeceraTabla"/>
			        </f:facet>
                    <h:outputText value="#{producto.precioUnitario}"/>
                </p:column>
                           <p:column headerText="">

             <p:commandButton onclick="confirmationExperiencia.show()" icon="ui-icon-close"
                                 title="Eliminar" actionListener="#{productoController.setSelectedIdProducto(producto.idProducto)}" process="@this"/>
             </p:column>
            </p:dataTable> 
           <p:confirmDialog  widgetVar="confirmationExperiencia" message="Seguro que deseas eliminar este Producto?"
                              header="Eliminando.. " severity="alert" appendToBody="true">
                <p:commandButton value="Si" update=":form:tblExp" oncomplete="confirmationExperiencia.hide()"
                                 actionListener="#{productoController.delete}" process="@this"/>
                <p:commandButton  value="No" onclick="confirmationExperiencia.hide()" type="button" />
            </p:confirmDialog>      
        
 </h:form>
      <p:dialog header="Registro Cliente" widgetVar="dlgProducto"  resizable="false" hideEffect="clip" modal="true" appendToBody="true"  >
       <form id="client" >
                <p:messages id="messages" showDetail="true" closable="true"/>
			    <h:panelGrid columns="4" style="margin-bottom:10px"  styleClass="ui-panel-titlebar" id="panelGridAddCol">
				
                <h:outputLabel for="txtNombres" styleClass="texto" value="Nombre: *"/>
                <p:inputText id="txtNombres" styleClass="input"  required="true" requiredMessage="Ingrese Nombre"
                             value="#{productoController.producto.nombre}" />
                <h:outputLabel for="txtApellidos" styleClass="texto" value="Descripcion *"/>
                <p:inputText id="txtApellidos" styleClass="input"  required="true" requiredMessage="Ingrese Descripcion"
                             value="#{productoController.producto.descripcion}" />
                <h:outputLabel for="txtTelefono" styleClass="texto" value="Categoria: *"/>
                <p:inputText id="txtTelefono" styleClass="input"  required="true" requiredMessage="Ingrese Categoria"
                             value="#{productoController.producto.categoria}" />
                <h:outputLabel for="txtDireccion" styleClass="texto" value="Precio Uni: *"/>
                <p:inputText id="txtDireccion" styleClass="input"  required="true" requiredMessage="Ingrese Precio u"
                             value="#{productoController.producto.precioUnitario}" />
                             
                             
                 <p:commandButton value="Guardar" actionListener="#{productoController.crearProducto}" 
                  update="panelGridAddCol, messages"  oncomplete="if (!args.validationFailed) dlg.hide() "/>
            </h:panelGrid>
		</form>
	    </p:dialog> 
 
  </ui:define>
</ui:composition>  